/*
xunhang css document default

*/

body{ font-size:12px;color:#6d6d6d; font-family:Verdana,sans-serif; background:url(bgbody.png) repeat;}
html,body,p,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul li{ list-style:none outside none;}
h1{ font-size:20px; text-align:center; line-height:40px; font-family:"Microsoft YaHei";}
h2{ font-weight:normal; font-size:14px;}
h3,h4,h5,h6{ font-weight:normal; font-size:12px;}
img{ border:none; vertical-align:middle;}
em{ font-style:normal;}
input,radio{ vertical-align:middle; outline:none; font-family:Tahoma,Arial; font-size:12px;}
textarea{ outline:none;}
select{ border:1px solid #d5d5d5; padding:4px 5px; vertical-align:middle; outline:none;}
.inputbg{ border:1px solid #d5d5d5; padding:4px 5px;}
td{position:relative;}
.btn{ border:1px solid #0872c3; height: 2em;min-width: 4em; line-height:21px;padding-bottom: 1px; border-radius:2px; background:#1483d6;background:-moz-linear-gradient(#50aaef, #1483d6); background:-webkit-linear-gradient(#50aaef, #1483d6); background:-o-linear-gradient(#50aaef, #1483d6); background:-ms-linear-gradient(#50aaef, #1483d6); background:linear-gradient(#50aaef, #1483d6); color:#fff;}

/*=========color===========*/
a{ color:#6d6d6d; text-decoration:none; cursor:pointer;}
a:hover{ color:#d70018; text-decoration:underline;}
a:active{ color:#00426b}
a:focus{ outline:none;}
.red{ color:red!important;}
.blue{ color:blue!important;}
.gray{ color:#999!important;}
::selection{ background:#248dc1;color:#fff;text-shadow:none;}
::-moz-selection{ background:#248dc1;color:#fff;text-shadow:none;}
.f14{ font-size:14px;}
.f14 h3,.f14 h4,.f14 h5,.f14 h6{ font-size:14px;}

.list1{}
.list1 li{ float:left; width:335px; padding:0 !important; text-align:center; height:165px; text-align:center; overflow:hidden;}
.list1 li a{ line-height:34px;}
.list1 li a img{ border:1px solid #ddd; padding:2px; width:300px; height:120px;}


/*========clear============*/
.clear:after{content:'.';clear:both;display:block;height:0;visibility:hidden; font-size:0;}
.clear{zoom:1}
.blank0,.blank5,.blank8,.blank10,.blank16,.blank19{ clear:both; height:0px; font-size:0; overflow:hidden;}
.blank5{ height:5px;}
.blank8{ height:8px;}
.blank10{ height:10px; background:#fff;}
.blank16{ height:16px;}
.blank19{ height:19px;}
.p_fixed{ position:fixed; _position:absolute;}
.left{ float:left!important;}
.right{ float:right!important;}
.w820{ width:820px; overflow:hidden; position:relative;}
.w378{ width:378px; overflow:hidden; position:relative;}


.twidth{ box-shadow:0 0 10px #ccc; width:1000px; margin:0 auto; background:#fff;}
#header{ height:148px; position:relative; z-index:99; background:url(bg.png) repeat-x;}
#header .headtop{ width:1000px; margin:0 auto; height:98px; position:relative; }
#header .headtop .moreR{ position:absolute; right:0; top:7px;}
#header .headtop .moreR a{ margin-right:7px;}
#header .logo{ position:absolute; top:12px; left:0px;}

#nav{width:1000px; position:absolute; bottom:0px; left:50%; margin-left:-500px; font-family:"Microsoft YaHei"; height:50px; line-height:50px;}
#nav li{ list-style:none outside none; position:relative; text-align:center; float:left; background:url(navbar.png) no-repeat left 0px;}
#nav li.first{ background:none;}
#nav li a{ color:#fff; font-size:15px; padding:0 30px; float:left;}
#nav li:hover a{ background:#188dc2}
#nav li a:hover{ text-decoration:none; }
#nav li.thisclass a{ text-decoration:none;  color:#fff; background:#188dc2;}

ul.children{width:100px; display:none; position:absolute; top:50px; left:0px; z-index:1}
ul.children li{ clear:both; width:180px; text-align:center; font-family:"microsoft yahei"; height:40px; line-height:40px; filter:Alpha(opacity=90); opacity: 0.9; background:#188dc2 !important;}
ul.children li:hover{filter:Alpha(opacity=80); opacity: 0.8; }
ul.children li a{ padding:0 !important; width:180px; text-align:center; height:40px; line-height:40px; display:block; font-weight:normal !important; font-size:15px !important; color:#FFFFFF !important; background:none !important}
ul.children li a:hover{background:none !important; }


#slide{ clear:both; position:relative; height:448px; width:100%; overflow:hidden; z-index:0}
#slide .slidetop{ height:5px; display:block; width:100%; background:url(slidetop.png) repeat-x; position:absolute; top:0px; left:0px; z-index:2;}
#slide .m{ position:absolute; left:50%; top:0px; margin-left:-960px; width:1920px; z-index:1}
#slide #skitter{ position:absolute; left:50%; margin-left:-960px;}

#middle{ clear:both; background:#fff; box-shadow:0 4px 10px #d5d5d5; width:1000px; margin:0 auto; border-bottom:#d5d5d5 solid 1px; border-top:none;}
.mainC{ float:left; width:670px; overflow:hidden; position:relative;}
.sidebar{ float:right; width:320px; overflow:hidden; position:relative;}


.w334{ width:334px;}
.w336{ width:336px;}
.w330{ width:330px;}

.wbox{ font-family:"Microsoft YaHei";}
.wbox .tcon{ background:#313439; height:35px; line-height:35px; position:relative; padding:0 18px;}
.wbox .tcon span{ font-size:16px; color:#ffffff;}
.wbox .tcon a { color:#c8c8c8;}
.wbox .mcon{ padding:10px;}

.wbox .mcon ul.nl li{ line-height:25px; position:relative;}
.wbox .mcon ul.nl li a{ background:url(ico.png) no-repeat 5px -155px; padding-left:15px;}
.wbox .mcon ul.nl li span{ position:absolute; right:9px; top:0; color:#9f9f9f;} 
.wbox .mcon .intro{ line-height:25px; height:150px; overflow:hidden;}


.pbox{}
.pbox .tcon{ background:url(t.png) no-repeat 0 -100px; height:38px; line-height:38px; position:relative; font-family:"Microsoft YaHei"; font-size:14px;}
.pbox .tcon em{ font-size:18px; color:#fff; text-shadow:1px 1px 0 #890f19; font-weight:bold; padding-left:50px;}
.pbox .tcon a{ color:#fff;}

#slider1 {font-family:"Microsoft YaHei";}
#slider1 .ston{ background:#119dda; height:35px; line-height:35px; position:relative; padding-left:15px;}
#slider1 .ston i{ font-size:16px; color:#ffffff; font-style:normal;}
#prevBtn,#nextBtn { display:block; overflow:hidden; width:6px; height:9px; position:absolute; top:14px;}
#prevBtn { right:29px}
#nextBtn { right:12px; }
#prevBtn a { display:block; width:6px; height:9px; background:url(jq.png) no-repeat 0 0px;}
#nextBtn a { display:block; width:6px; height:9px; background:url(jq.png) no-repeat -23px 0;}


#slider1 .inner{ width:304px; position:relative; margin:0 auto; margin-top:22px; overflow:hidden}
#slider1 li { width:304px;overflow:hidden; position:relative; text-align:center;}
#slider1 li span{ overflow:hidden; position:absolute; bottom:0px; width:304px; left:0px; height:27px; line-height:27px; background:url(inner.png); font-size:14px; color:#000000;}





#footer{ width:960px; margin:0 auto; background:#1b313f; height:43px; border-radius:10px 10px 0px 0px; color:#b1d6ed; line-height:43px; position:relative; font-family:Arial,"Microsoft YaHei"; padding:0 20px;}
#footer .right a{ color:#b1d6ed; padding:0 5px}


/*general*/
.mbox{font-family:"Microsoft YaHei";}
.mbox .tcon{ background:#313439; height:35px; line-height:35px; position:relative; padding:0 18px}
.mbox .tcon em{ font-size:16px; color:#FFFFFF;}

.lbox{ font-family:"Microsoft YaHei";}
.lbox .tcon{ background:#119DDA; height:35px; line-height:35px; position:relative; padding:0 15px}
.lbox .tcon h2,.lbox .tcon em{ font-size:16px; color:#fff;}
.lbox .tcon a{ color:#fff;}
.lbox .mcon{ border:1px solid #ddd; padding:10px;}
.lbox .bcon{ display:none;}
.lbox .bcon p{}



.ibox{ background:#fff url(iboxt.png) repeat-x;}
.ibox .m{ background:#fff url(t.png) no-repeat 0 -200px; width:1200px; margin:0 auto; overflow:hidden;}
.ibox dl{ float:left; width:400px; font-family:"Microsoft YaHei"; }
.ibox dl dt{ height:38px; line-height:38px; position:relative;}
.ibox dl dt em{ font-size:16px; color:#fff; text-shadow:1px 1px 0 #890f19; font-weight:bold; padding-left:60px;}
.ibox dl dt a{ color:#fff;}
.ibox dl dd{ padding:10px;}

.i-link{ background:url(ilink.png) no-repeat center bottom;}
.i-link .m{ width:1160px; margin:0 auto; padding:20px 20px 30px; line-height:24px;}
.i-link strong{ color:#c00;}
.i-link img{ width:88px; height:31px;}
.i-link a{ white-space:nowrap; display:inline-block; padding:0 5px;}

.moreR{ position:absolute; right:15px; top:0;}
.i-work{ background:url(icat.png); padding:15px 0 15px 20px; line-height:24px; border-radius:0 0 10px 0;}
.i-work dl{zoom:1;}
.i-work dl dt{ float:left; color:#b20000; font-weight:bold; width:75px;}
.i-work dl dd{ overflow:hidden; _margin-left:75px;}
.i-work dl dd span{ float:left; white-space:nowrap; padding-right:15px;}


/*list*/
ul.nl{}
ul.nl li{ line-height:24px; position:relative;}
ul.nl li a{ background:url(ico.png) no-repeat 10px -155px; padding-left:20px;}
ul.nl li span{ position:absolute; right:10px; top:0; color:#999;} 

ul.nl2{}
ul.nl2 li{ line-height:24px; position:relative; width:49%; float:left;}
ul.nl2 li a{ background:url(ico.png) no-repeat 10px -155px; padding-left:20px;}
ul.nl2 li span{ position:absolute; right:10px; top:0; color:#999;} 

ul.nl14{}
ul.nl14 li{ line-height:24px; position:relative;}
ul.nl14 li a{ background:url(ico.png) no-repeat 10px -155px; padding-left:20px; font-size:14px;}
ul.nl14 li span{ position:absolute; right:10px; top:0; color:#999;} 

.sumlist{ padding:15px 0;}
.sumlist li:after{content:'.';clear:both;display:block;height:0;visibility:hidden; font-size:0;}
.sumlist li{zoom:1; padding:15px;}
.sumlist li:hover{ background:#f0f0f0;}
.sumlist li .pic{ float:left; padding:0 10px; width:206px; text-align:center;}
.sumlist li .pic img{ padding:2px; border:1px solid #ddd; max-width:200px; max-height:150px; margin:0 auto; _width:200px; _height:150px;}
.sumlist li h4{ font-size:14px; font-weight:bold; line-height:30px;}
.sumlist li span{ color:#999; line-height:24px;}
.sumlist li p{ line-height:24px; color:#666;}

.imglist{ padding-top:20px;}
.imglist li{ text-align:center; line-height:2; padding-bottom:10px; float:left;}
.imglist li img{ padding:5px; background:#f0f0f0; border:1px solid #ccc; display:block; margin:0 auto;}
.imglist li a:hover{ text-decoration:none;}
.imglist li a:hover img{ border-color:#999;}
.w820 .imglist li{ width:205px;}
.bort{ border-top:1px solid #ddd;}
.pbox .imglist li{ width:199px;}
.pbox .imglist li img{ background:#fff; padding:1px; border:5px solid #eee;}
.pbox .imglist li a:hover img{ border-color:#ccc;}

.i-intro{ padding:20px 15px 15px; height:320px;}
.i-intro .imgcon img{ display:block; margin:0 auto; padding:5px; border:1px solid #ddd; box-shadow:0 0 5px #999;}
.i-intro .intro{ padding:15px 0 0; line-height:24px;}
.i-intro .intro a{ color:#E53333; font-weight:bold;}

.i-m{ padding:15px 20px 0 30px; position:relative; height:280px;}
.i-m-1 img{ display:block; margin:0 auto; padding:5px; border:1px solid #ddd; box-shadow:0 0 5px #999;}
.i-m-1 a{ display:block; position:relative; width:192px;}
.i-m-1 a h4{ background:rgba(0,0,0,.75); height:36px; text-align:center; color:#fff; line-height:36px; width:180px; position:absolute; left:6px; bottom:6px; font-size:14px;}
.i-m-2{ position:absolute; right:15px; top:15px; width:580px; height:210px;}
.i-m-2 .carousel { width: 580px; height: 210px; position: relative;  margin:0 auto;}
.i-m-2 img { padding: 4px; border: 1px solid #CCC; -moz-box-shadow: 0px 0px 2px #CCC; -webkit-box-shadow: 0px 0px 2px #CCC; box-shadow: 0px 0px 2px #CCC; display:block; margin:0 auto;}
.i-m-2 .carousel_container { width: 480px; height: 210px; overflow: hidden; position: relative; margin:0 auto;}
.i-m-2 ul { margin: 0px; nowhitespace: afterproperty; padding: 0px; height: 210px; width: 580px; }
.i-m-2 ul li { width: 160px; height: 180px; display: block; float: left; position: relative; text-align:center; line-height:24px; }
.carousel_prev, .carousel_next { position: absolute; text-indent: -9999px; background:url(i.png) no-repeat 0 -50px; width:20px; height:41px; top:70px;}
.carousel_prev { left: 20px; }
.carousel_next { right: 20px; background-position:-20px -50px; }
.carousel_prev:hover{ left:18px;}
.carousel_next:hover{ right:18px;}
.i-m-3{ background:url(i.png) no-repeat right -40px; height:40px; line-height:40px; position:relative; padding-right:15px; width:490px; position:absolute; right:55px; top:230px; overflow:hidden;}
.i-m-3 ul{ background:url(i.png) no-repeat; padding-left:15px;}
.i-m-3 ul li{ display:inline; padding:0 5px;}
.i-m-3 ul li a{ color:#f8f3bc;}
.i-m-3 ul li a:hover{ color:#fff; text-decoration:none;}


/*ico*/
.i_date,.i_cate,.i_view,.i_comm{ display:inline-block; line-height:24px;}
.i_date{ background:url(date.png) no-repeat left center; padding-left:20px;}
.i_cate{ background:url(cate.png) no-repeat left center; padding-left:20px;}
.i_view{ background:url(view.png) no-repeat left center; padding-left:20px;}
.i_comm{ background:url(comment.png) no-repeat left center; padding-left:20px;}


/*showContent*/
#showC{ padding-top:15px;}
#showC .showtit{ position:relative;}
#showC .showtit h1{ padding:10px; font-size:18px; font-family:"microsoft yahei"; font-weight:normal;}
#showC .showtit .prev,#showC .showtit .next{ color:#fff; position:absolute; top:17px; right:50px;}
#showC .showtit .prev a,#showC .showtit .next a{ color:#fff;}
#showC .showtit .prev{ right:100px;}
#showC .showtit .prev a:hover,#showC .showtit .next a:hover{ color:#f9d901;}
#showC .info{ padding:10px; color:#666; text-align:center;}
#showC .intro{ background:url(intro.png) no-repeat 5px 0; padding:10px 15px; font-size:16px; line-height:30px; text-indent:2em; font-family:"microsoft yahei"; color:#666;}
#showC #content{ font-size:14px; line-height:24px; padding:15px;}

#showC #content #dituContent img{ max-width:inherit;}
#showC #content #dituContent *{ padding:0;}

#showC #content img{ max-width:100%;}
#showC #content #dituContent img{ max-width:inherit;}
#showC #content #dituContent *{ padding:0;}
#showC .near{ color:#666; padding:10px 20px; position:relative;}
#showC .near .next{ position:absolute; right:20px; top:0;}

/*side*/
.side_page{  font-family:"Microsoft YaHei";}
.side_page dl{}
.side_page dl dt{ font-size:20px; height:40px; line-height:40px; }
.side_page dl dt em{ }
.side_page dl dd li{ list-style:none outside none; line-height:30px; line-height:30px; font-size:16px;}
.side_page dl dd li a{ display:block; padding:0 0 0 15px;}
.side_page dl dd li.thisli a{ font-weight:bold; color:#248dc1;}

.clist{ padding:10px 0; font-family:"Microsoft YaHei";}
.clist li a{ font-size:14px; display:block; height:40px; line-height:40px; padding-left:50px;}
.clist li.thisli a,.clist li a:hover{color:#119DDA; text-decoration:none;}


/* page */
.paging{padding:20px;overflow:hidden}
.paging a,.paging .current_page,.paging .page_text{padding:3px 9px;color:#666;border:1px solid #ccc;display:block;margin-right:4px;float:left}
.paging .current_page{color:#444;background-color:#eee;border-color:#333}
.paging a:hover{color:#444;border-color:#333; text-decoration:none;}
.paging a:active{box-shadow:inset 0 1px 2px #bbb}


/*index*/
.i_proTop{ text-align:center; overflow:hidden; width:940px; margin:0 auto; padding:15px 0;}
.i_proTop li{ width:310px; text-align:center; float:left; border-left:1px solid #ddd; margin-left:-2px;}
.i_proTop li h3{ font-size:14px; line-height:30px; font-weight:bold;}
.i_proTop li img{ display:block; margin:0 auto;}
.i_proTop li p{ padding:0 35px; line-height:24px; text-align:left;}

.i_sum{ margin:0 15px; padding:0;overflow:hidden;}
.i_sum li{ float:left; width:349px; padding:20px; margin-left:-2px; border-left:1px dashed #ddd;}

/* comment */
.commentlist{ margin:0; padding:0;}
.commentlist li{ list-style:none outside none; padding:15px 65px; border-bottom:1px solid #ddd; position:relative;}
.commentlist li .c-avatar{ width:36px; height:36px; border-radius:3px; background:#fff; position:absolute; left:10px; top:25px;}
.commentlist li .c-avatar img{ border-radius:3px;}
.commentlist li .c-floor{ position:absolute; right:15px; top:15px;font-size:18px; color:#999;}
.commentlist li p{ font-size:14px; padding:5px 0; line-height:24px;}
.commentlist li .c-meta{ padding-top:5px; color:#999;}
.commentlist li .c-author{margin-right:10px}
.commentlist li h4{ font-size:14px; font-weight:bold;}
.commentlist li li{ border-bottom:none; padding:15px 56px 0;}
.commentlist .reply{ margin-top:15px; border:1px solid #ddd; border-radius:5px; padding:10px; line-height:24px; background:#f0f0f0; position:relative;}
.commentlist .reply .reply-arr1,.commentlist .reply .reply-arr2{ position:absolute; left:20px; top:-13px; font-size:24px; height:24px; color:#ddd;}
.commentlist .reply .reply-arr2{ top:-12px; color:#f0f0f0;}
#comment-author-info{ padding:10px 0;}
#comment-author-info li{ font-size:14px; height:40px; line-height:30px; display:inline-block; padding:0 15px 0 0; border:none;}
#comment-author-info li input{ border:1px solid #ddd; padding:5px; width:110px;}
#comment-author-info li input:focus{ border:1px solid #0481bb;}
#comment-author-info li em{ font-family:Arial; color:#cc0000; font-size:20px; vertical-align:middle;}
#respond{ text-align:left; width:90%; margin:0 auto;}
#respond textarea{ border:1px solid #ddd; padding:5px; width:90%; margin:0 auto;}
#respond textarea:focus{ border:1px solid #0481bb;}
#respond .subcon{ padding:10px 0;line-height:36px;}